import React,{useContext} from 'react';
import {ColorContext,UPDATE_COLOR} from './color'
function Buttons(){
    const {dispatch}=useContext(ColorContext);
    return(
        <div>
            <button onClick={()=>dispatch({type:UPDATE_COLOR,color:'red'})}>红色</button>
            <button onClick={()=>dispatch({type:UPDATE_COLOR,color:'yellow'})}>黄色</button>
        </div>
    )
}
export default Buttons;